<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'login.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<style type="text/css">
		  #y1{ margin:0 auto; border:1px solid #ccc; width:980px; height:200px;background-color:#55A6E0;}
		#y1{width:1024px;height:768px; background-image:url(han/image/u0.png)}
		#y2{ margin-left:370px; padding-top:257px}
		.c1{ width:222px; height:29px; border-radius:4px; border:#06C 2px solid;}
		.c2{ margin-left:377px; margin-top:14px; width:100px; padding:-30px; height:40px; background-color:#55A6E0;border-radius:4px; border:#06C 2px solid;color:#FFF; font-size:20px; font-weight:bolder; }
		.c3{margin-left:50px; margin-top:17px; width:100px; padding:-30px; height:40px;background-color:#55A6E0;border-radius:4px; border:#06C 2px solid;color:#FFF;font-size:20px;font-weight:bolder}
		</style>
  	<script type="text/javascript" src="han/js/jquery-1.8.3.js"></script>
  	<script type="text/javascript">
  		$(function(){
			$("#login").blur(function(){
			var s=$(this).val();
			if(s==""){
			
			$("#name").html("账号不能为空");
			}
			});
			
			$("#login").focus(function(){
			$("#name").html("");
			});
			
			
			$("#pwd").blur(function(){
			var s=$(this).val();
			if(s==""){
			$("#password").html("密码不能为空");
			}
			});
			
			$("#pwd").focus(function(){
			$("#password").html("");
			});
			
			$("form").submit(function(){
			
			if($("#login").val()==""){
			$("#name").html("账号不能为空");
			return false;
			}
			if($("#pwd").val()==""){
			$("#password").html("密码不能为空");
			return false;
			}
			
			});
			
			
			
			
			});
  	</script>
  </head>
  
<body>
	<form action="han/login" method="post">
	<div id="y1">
    	<div id="y2">
    	<h3>${message}</h3>
        	<p style="margin-left: 0px;"><input style="width: 226px;" id="login" class="c1" type="text" name="users.username"/><span id="name" style="color: red;"></span></p>
        	<p style="margin-top: 22px;"><input id="pwd"  style="width: 226px;" class="c1" type="password" name="users.pwd"/><span id="password" style="color: red;"></span></p>
        </div>
        
        <div id="y3">
        	<input style="width: 165px;height: 40px;margin-left: 270px;" class="c2" type="submit" name="" value="登&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;陆"/>
        	<input style="width: 165px;height: 40px;margin-left: 140px;" class="c3" type="reset" name="" value="重&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;置"/>
        </div>
   </div>
   </form>
</body>
</html>

